@page-color: #f6f6f6;
@page-second-color: #e8f2ff;

@primary-color: #2f6bf6;
@light-primary-color: #c7d9fe;
@light-primary-bg: #daefff;

@warning-color: #fb923c;
@danger-color: #ef6b6b;

@default-color: #575a63;
@default-bg: #f1f1f1;

@light-color: rgb(222, 223, 225);
@light-bg: #e6e6e6;
@light-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

@light-border: 1px solid @light-color;

@base-radius: 9999px;
@text-color: #202020;

@visible-items: 4;
@transition-duration: 0.3s;

@size-3xs: 12px;
@size-2xs: 18px;
@size-xs: 22px;
@size-sm: 26px;
@size-base: 30px;
@size-lg: 36px;
@size-xl: 42px;
@size-2xl: 48px;

@size-2: 60px;
@size-3: 90px;
@size-4: 120px;
@size-5: 150px;
@item-height: 72px;

@small-radius: @size-3xs;
